<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<style type="text/css">
    *{margin:0px;padding:0px;}
    .zhuti{width:80%;height:600px;margin-left:auto;margin-right:auto;border:1px solid #eeeeee;margin-top:1em;}
    .zuoce{width:30%;height:100%;float:left;border-right:1px solid #eeeeee;}

    .youce{width:69.7%;height:100%;float:right;border-left:1px solid #eeeeee;}
    ul{list-style:none;}
    li{border-bottom:1px solid #eeeeee;margin-left:1em;margin-right:1em;padding-top:0.5em;padding-bottom:0.5em;}
    li:hover{color:#0000ff;}
    .jianjie{display:none;position:absolute;}

</style>
<script type="text/javascript">
    function mouseOver(){
        document.getElementById('zhuliang').style.display='block';
    }
    function mouseOut(){
        document.getElementById('zhuliang').style.display='none';
    }

    function hideDiv(){

    }
</script>
<body>
<div class="zhuti">

    <div class="zuoce">
        <h3>Top.排行榜</h3>
        <ul>
            <li >
                <div onmousemove="mouseOver()" >1.朱亮</div>
                <div id='zhuliang' class="jianjie">&nbsp;this is zhu liang.</div>
            </li>
            <li>2.纳兰</li>
            <li>3.方文山</li>
        </ul>
    </div>

    <div class="youce">

         <ul>

             <li>
                 <p>
                     若斩首金正恩打击朝鲜中国会坐视吗：<br>&nbsp;&nbsp;&nbsp;&nbsp;只有一种选择
                     新浪娱乐 09-23 09:49
                 </p>
             </li>
             <li>
                 <p>
                     若斩首金正恩打击朝鲜中国会坐视吗：<br>&nbsp;&nbsp;&nbsp;&nbsp;只有一种选择
                     新浪娱乐 09-23 09:49
                 </p>
             </li>
             <li>
                 <p>
                     若斩首金正恩打击朝鲜中国会坐视吗：<br>&nbsp;&nbsp;&nbsp;&nbsp;只有一种选择
                     新浪娱乐 09-23 09:49
                 </p>
             </li>
             <li>
                 <p>
                     若斩首金正恩打击朝鲜中国会坐视吗：<br>&nbsp;&nbsp;&nbsp;&nbsp;只有一种选择
                     新浪娱乐 09-23 09:49
                 </p>
             </li>

         </ul>
    </div>

</div>
</body>


</html>